<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="1zhuce.css" />
		<style type="text/css">
			#header {
				width: 100%;
				height: 71px;
				border-bottom: 1px solid lightgray;
				position: fixed;
				top: 0;
				z-index: 99;
			}

			#header-main {
				width: 1280px;
				height: 70px;
				margin: auto;
				box-sizing: border-box;
				padding-top: 16px;
			}

			#header-left img {
				margin-left: 25px;
				height: 30px;
				width: 150px;
				line-height: 71px;
				display: block;


			}

			#zhuce {
				width: 350px;
				height: 282px;
				/* border: 1px solid red; */
				margin: auto;
				margin-top: 120px;
				position: relative;
			}

			.icon {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
		</style>
	</head>
	<body>
		<div id="header">
			<div id="header-main">
				<img src="./img/home_logo.png">
			</div>
		</div>
		<div id="zhuce">
			<h1>欢迎注册黛珂官网</h1>
			<p><a href="2denglu.html">密码登陆</a><span>></span></p>
			
				<div id="divone">
					<input type="text" id="userId" class="inputone" placeholder="输入手机号码">
					<div id="iconone">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouji"></use>

						</svg>
					</div>

				</div>
				<div id="divtwo">
					<input type="text" id="usePassword" class="inputtwo"
						placeholder="输入短信验证码">
					<div id="icontwo">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-xinxiduanxinxiaoxitixingyoujiansixinyouxiang"></use>
						</svg>
					</div>

				</div>
				<div id="divthree">
					<button class="buttonone" type="button">获取验证码
					</button>
				</div>

				<div class="text-left"><a href="/forget-password.html">忘记密码?</a></div>
				<button type="button" class="buttontwo" class="buttontwo">注册
				</button>
				<div id="">
					<span id="span">
						
					</span>
				</div>
		</div>

	</body>
</html>
<script src="font_2734701_x0aopc8y6gr/iconfont.js"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="1zhuce.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	// let oInput1 = document.querySelector(".inputone");
	// let oInput2 = document.querySelector(".inputtwo");
	// let obutton2 = document.querySelector(".buttontwo")
	// obutton2.onclick = function() {
	// 	let xhr = new XMLHttpRequest();
	// 	//get传参的方式 url地址?key1=value1&key2=value2
	// 	xhr.open("get", "1zhuce.php?userId=" + this.value, true);
	// 	xhr.send();
	// 	xhr.onreadystatechange = function() {
	// 		if (xhr.status == 200 && xhr.readyState == 4) {
	// 			fun(xhr.responseText);
	// 			console.log(xhr.responseText)
				
	// 		}
	// 	}
	// }

	// function fun(resText) {
	// 	console.log(resText)
	// 	let oSpan = document.querySelector("span");
	// 	oSpan.innerHTML = resText;
	// }
</script>
